<!-- Trigger the modal with a button -->

<!-- Modal -->
<div id="addMessage" class="modal fade" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Create a Container</h4>
            </div>
            <div class="modal-body">

                <p>
                    To add message to a queue, Please enter the name of the queue and message.
                </p>

                <form class="queue-message-form" action="#" onsubmit="addMessage()">
                    <div class="form-group">
                        <label>Queue Name</label>
                        <input class="form-control queue-name" name="name" type="text"
                               placeholder="Name of the Queue">
                    </div>
                    <div class="form-group">
                        <label>Message</label>
                        <input class="form-control message" name="message" type="text"
                               placeholder="Enter the Message">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="addMessage()">Add Message
                </button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>